<template>
<div>
  <div class="content_top">
    <div class="content_top_left">
      <h3>园区概况</h3>
    </div><!--content_top_left 结束-->
    <div class="content_top_right">
      <ul>
        <li>
          当前位置：
        </li>
        <li>
          首页
        </li>
        <li>
          >>
        </li>
        <li>
          园区概览
        </li>
        <li>
          >>
        </li>
        <li>
          周边配套
        </li>
      </ul>
    </div><!--content_top_right 结束-->
  </div><!--content_top 结束-->
  <div class="content_content">
    <div class="content_content_left">
      <ul>
        <li>
          <div class="parkshow_top"></div>
            <img src="../../assets/title2.png">
          <div class="parkshow_bottom"></div>
          园区概况
        </li>
        <li>
          <div class="parkshow_top"></div>
          <img src="../../assets/title1.png">
          <div class="parkshow_bottom"></div>
          周边陪套
        </li>
        <li>
          <div class="parkshow_top"></div>
          <img src="../../assets/title2.png">
          <div class="parkshow_bottom"></div>
          位置与交通
        </li>
        <li>
          <div class="parkshow_top"></div>
          <img src="../../assets/title2.png">
          <div class="parkshow_bottom"></div>
          楼盘风采
        </li>
        <li>
          <div class="parkshow_top"></div>
          <img src="../../assets/title2.png">
          <div class="parkshow_bottom"></div>
          3D导览
        </li>
        <li>
          <div class="parkshow_top"></div>
          <img src="../../assets/title2.png">
          <div class="parkshow_bottom"></div>
          入驻企业
        </li>
        <li>
          <img src="../../assets/title2.png">
          大事记
        </li>
      </ul>
    </div><!--content_content_left 结束-->
    <div class="content_content_right">
      <div style="height: 131px;">
     <div style="float: left">
        <img src="../../assets/left-1.png" style="margin-top: 20px">
     </div>
     <div class="cr_right">
       <ul style="list-style: none;">
         <li>
           <img src="../../assets/2.jpg" style="height: 80px; width: 164px;">
         </li>
         <li>
           <img src="../../assets/3.jpg" style="width: 164px; height: 80px">
         </li>
         <li>
           <img src="../../assets/xyhjct.jpg" style="width: 164px;height: 80px">
         </li>
       </ul>
     </div>
      </div>
      <div style="height: 131px;">
        <div style="float: left">
          <img src="../../assets/left-2.png">
        </div>
        <div>
          <span style="margin-left: 30px;margin-top: 6px;">互联网产业园人才公寓位于“康庄美地E区”，共计4栋1951套单间配套房。</span>
        </div>
      </div>
      <div style="height: 131px;">
        <div style="float: left;">
          <img src="../../assets/left-3.png">
        </div>
        <div>
          <span style="margin-left: 30px;margin-top: 6px;">
            园区提供两路大容量独立电源供电，由外河变电站和光电园变电站（预计2017年建成）独立供电，为企业提供可靠供电保障。
          </span>
        </div>
      </div>
      <div style="height: 131px;">
        <div style="float: left">
          <img src="../../assets/left-4.png">
        </div>
        <div>
          <span style="margin-left: 30px;margin-top: 6px;">有线网络：移动、电信、联通三家运营商网络均接入园区，企业自由选择服务商；十万兆物理光纤接入园区，千兆光纤到楼层。
            无线网络：园区公共区域提供无线WiFi全覆盖；移动网络全2G/3G/4G覆盖。高速可靠的数据传输：租用专用光纤，与水土云计算中心高速对接；最高单链路十万兆通信；采用安全通信设备和协议，保障数据传输安全性。</span>
        </div>
      </div>
    </div><!--content_content_right 结束-->
  </div><!--content_content 结束-->
</div>
</template>

<style>
  .content_top{
    width: 1040px;
    height: 70px;
    margin: 0 auto;
    border-bottom: darkgray 1px solid;
  }
  .content_top_left{
    width: 400px;
    float: left;
    height: 60px;
  }
  .content_top_left h3{
    padding-top: 10px;
    color: #517bc0;
    font-size: 20px;
    margin-top: 20px;
  }
  .content_top_right{
    float: right;
    height: 60px;
    margin-top: 10px;
  }
  .content_top_right li{
    list-style: none;
    float: left;
  }
  .content_content{
    width: 1040px;
    margin: 0 auto;
  }
  .content_content_left{
    width: 300px;
    float: left;
    margin-left: -40px;
  }
  .content_content_left li{
    list-style: none;
    height: 30px;
    margin-top: 20px;
  }
  .content_content_left img{
    float: left;
    padding-top: 6px;
    padding-right: 20px;
  }
  .parkshow_top{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    float: left;
    margin-top: 16px;
    position: absolute;
    left: 159px;
  }
  .parkshow_bottom{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    float: left;
    margin-top: 34px;
    position: absolute;
    left: 159px;
  }
  .content_content_right{
    width: 666px;
    height: 800px;
    float: left;
    font-size: 12px;
  }
  .cr_right{
    margin-top: 20px;
  }
  .cr_right li{
    width: 164px;
    height: 86px;
    float: left;
    border: 2px slategray solid;
    margin-left: 30px;
  }
</style>

<script>

    export default {
        data() {

        }
    }

</script>
